<!doctype html>
<html lang="{idioma_js}">
    <head>
        <title>CMS 2.0+ | {header_titulo} | Link Nacional</title>
        {include_header_view}
         <script>
            $(window).load(function(){
                $('#from_cad_banner').wl_Form({
                    dataType: 'json',
                    onSuccess: function (data) {
                        if(data.cod == 999){
                            //$.wl_Alert(data.msg,'success','#content');
                            $.msg(data.msg,{header:data.header,live:10000});
                            $('#from_cad_banner #id').val(data.id);
                        } else {
                            //$.wl_Alert(data.msg,'warning','#content');
                            $.msg(data.msg,{header:data.header,live:10000});
                            $('#from_cad_banner').color_campos_form({
                                campos:data.campos
                            });
                        }
                    }
                });
            });    
            // DEFINIÇÕES DE UPLOAD
           
            var url_upload = '{base_cms}{imagens_imagem_gravar}';
            var allowedExtensions =  ['png','jpeg', 'gif', 'jpg'];
            var autoUpload = true;
            var maxNumberOfFiles = 1;
            var multiple = false;
            var paramName = 'imagens'; // nome campo file
            
        </script>
    </head>
    <body>

        {include_body_header_view}
        {include_body_menu_left_view}

        <section id="content">

            <div class="g12">

                <h1>{lang_informacao}
                    <span><a href="{base_cms}{link_banner_listar}" title="{lang_cadastrar}" class="small">{lang_listar}</a></span>
                </h1>
                
          
          <form action="{base_cms}banner/banner/gravar/{id}" method="post" id="from_cad_banner" enctype="multipart/form-data">
          <fieldset>
              <label>
                  <strong>Informações:</strong>
                  <br />
                    ClickTag:
                    <a href="{base_url}banner/clicktag/link/{id}" target="_blank">{base_url}banner/clicktag/link/{id}</a><br />
                    Caminho do Banner (src):{base_url}
                    <a href="{base_url}banner/clicktag/view/{id}">{base_url}banner/clicktag/view/{id}</a><br />
                    Visualizações: {bannerViews}
                    <br />
                    Cliques: {bannerCliques}
              </label>
              <section>
                  <label for="categoria_id">
                      {lang_categorias}
                      <span class="required"> </span>
                  </label>
                  <div>
                      <input type="hidden" value="{categoria_id}" name="categoria_id" >
                    <!--select name="categoria_id" id="categoria_id">
                      {categorias}
                          <option value="{id}" {selected} >{nome}</option>
                      {/categorias}
                    </select-->
                    {nome}
                  </div>
              </section>
              <section>
                  <label for="status">
                      {lang_status}
                      <span class="required"> </span>
                  </label>
                  <div>
                    <label>
                        <input type="radio" name="status" id="status" value="1" {checkedAtivado} />
                        Ativado</label>
                      <label>
                        <input type="radio" name="status" id="status" value="0" {checkedDesativado} />
                        Desativado</label>
                  </div>
              </section>
              
              <section>
                  <label for="titulo">
                      {lang_titulo}
                      <span class="required"> </span>
                  </label>
                  <div>
                    <input name="titulo" type="text" class="estilo_input input" id="titulo" size="80" value="{titulo}" />
                    <br />
                Nome figurativo do banner que aparecerá na listagem.<br />
                Ex.: Campanha Agosto 2011 Seminovos.
                  </div>
              </section>
              
              <section>
                  <label for="link">
                      {lang_link}
                      <span class="required"> </span>
                  </label>
                  <div>
                    <input name="link" type="text" class="estilo_input input" id="link" value="{link}" size="80" />
                    <br />
                <br />
                Caminho de destino do banner, local aonde o usuário será redirecionado, ao clicar no Banner. <br />
                Ex.: http://www.seudominio.com/promocao
                  </div>
              </section>
              
              <section>
                  <input type="hidden" name="imagem_id" value="{imagem}">
                  <label for="imagem">
                      {lang_imagem}
                      <a href="{base_url}upload/banner/{imagem}" target="_blank">Abrir</a> 
                      <span class="required"> </span>
                  </label>
                  <div>
                   <input name="imagem" type="file" class="estilo_input input" id="imagem" />
                   <br />
                Recomenda-se imagem inferior a 100Kb. <br />
                Extensões permitidas png, gif ou jpg. <br />
                <img src="{base_url}/imagens/img/thumb/{imagem}/60/299/223/imagem-nome" /> 
                  </div>
              </section>
              <!--
              <section>
                  <label for="link">
                      {lang_flash}
                      <a href="{base_url}upload/banner/{flash}" target="_blank">Abrir</a> | <a href="{base_url}{base_cms}banner/deletarFlash/{id}">Deletar Flash</a><br />
                  </label>
                  <div>
                    <input name="flash" type="file" class="estilo_input input" id="flash" />
                    <br />
                Sempre que inserir um banner em flash, colocar uma imagem no campo superior correspondente para que os dispositivos que não suportam flash visualizem a imagem. 
                <br>    
                    <object type="application/x-shockwave-flash" data="{base_url}upload/banner/{flash}" width="518" height="116">
                        <param name="movie" value="{base_url}upload/banner/{flash}" />
                        <param name="wmode" value="transparent" />
                        <param name="menu" value="false" />
                    </object>
                  </div>
              </section>
              -->
          </fieldset>
              <section>
                  <div>
                  <button class="reset">{lang_title_reset}</button>
                  <button class="submit">{lang_title_submit}</button>
                  <span class="wl_formstatus"></span></div>
              </section>
        </form>
 
        </div>
        </section>
        <footer>
            {include_footer_view}
        </footer>
    </body>
</html>